<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript" src="../internal.js"></script>
    <style type="text/css">
        .warp {width: 320px;height: 153px;margin-left:5px;padding: 20px 0 0 15px;position: relative;}
        #url {width: 290px; margin-bottom: 2px; margin-left: -6px; margin-left: -2px\9;*margin-left:0;_margin-left:0; }
        .format span{display: inline-block; width: 58px;text-align: center; zoom:1;}
        table td{padding:5px 0;}
        #align{width: 65px;height: 23px;line-height: 22px;}
    </style>
</head>
<body>
<div class="warp">
        <table width="300" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="2" class="format">
                    <span><var id="lang_input_address"></var></span>
                    <input style="width:200px" id="url" type="text" value=""/>
                </td>
            </tr>
            <tr>
                <td colspan="2" class="format"><span><var id="lang_input_width"></var></span><input style="width:200px" type="text" id="width"/> px</td>

            </tr>
            <tr>
                <td colspan="2" class="format"><span><var id="lang_input_height"></var></span><input style="width:200px" type="text" id="height"/> px</td>
            </tr>
            <tr>
                <td><span><var id="lang_input_isScroll"></var></span><input type="checkbox" id="scroll"/> </td>
                <td><span><var id="lang_input_frameborder"></var></span><input type="checkbox" id="frameborder"/> </td>
            </tr>

            <tr>
                <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
                    <select id="align">
                        <option value=""></option>
                        <option value="left"></option>
                        <option value="right"></option>
                    </select>
                </td>
            </tr>
        </table>
</div>
<script type="text/javascript">
    var iframe = editor._iframe
if (iframe) {
      $G('url').value = iframe.getAttribute('src') || ''
  $G('width').value = iframe.getAttribute('width') || iframe.style.width.replace('px', '') || ''
  $G('height').value = iframe.getAttribute('height') || iframe.style.height.replace('px', '') || ''
  $G('scroll').checked = (iframe.getAttribute('scrolling') == 'yes')
  $G('frameborder').checked = (iframe.getAttribute('frameborder') == '1')
  $G('align').value = iframe.align ? iframe.align : ''
}
    function queding () {
      var url = $G('url').value.replace(/^\s*|\s*$/ig, ''),
        width = $G('width').value,
        height = $G('height').value,
        scroll = $G('scroll'),
        frameborder = $G('frameborder'),
        float = $G('align').value,
        newIframe = editor.document.createElement('iframe'),
        div
  if (!url) {
        alert(lang.enterAddress)
        return false
    }
      newIframe.setAttribute('src', /http:\/\/|https:\/\//ig.test(url) ? url : 'http://' + url);
      /^[1-9]+[.]?\d*$/g.test(width) ? newIframe.setAttribute('width', width) : '';
      /^[1-9]+[.]?\d*$/g.test(height) ? newIframe.setAttribute('height', height) : ''
  scroll.checked ? newIframe.setAttribute('scrolling', 'yes') : newIframe.setAttribute('scrolling', 'no')
    frameborder.checked ? newIframe.setAttribute('frameborder', '1', 0) : newIframe.setAttribute('frameborder', '0', 0)
    float ? newIframe.setAttribute('align', float) : newIframe.setAttribute('align', '')
    if (iframe) {
      iframe.parentNode.insertBefore(newIframe, iframe)
      domUtils.remove(iframe)
    } else {
      div = editor.document.createElement('div')
      div.appendChild(newIframe)
      editor.execCommand('inserthtml', div.innerHTML)
    }
      editor._iframe = null
    dialog.close()
}
    dialog.onok = queding
$G('url').onkeydown = function (evt) {
      evt = evt || event
    if (evt.keyCode == 13) {
      queding()
    }
    }
$focus($G('url'))
</script>
</body>
</html>
